/* normalise */
html{-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
body { font-family:Arial, Helvetica, sans-serif; overflow-x:hidden;}
body, h1, h2, h3, h4, p, ul, ol, dd, dl, form { margin:0;}
hr { margin-top:20px; margin-bottom:20px; border:0; border-top:1px solid #eee;}
img {max-width:100%; vertical-align:top;border:0 ;height:auto; 
	-ms-interpolation-mode:bicubic;}
ul,li{ padding-left:0; list-style-type:none;}
i, em { font-style:normal;}
big {font-size:1.3em;}
a {-webkit-transition:all 0.3s ease;transition:all 0.3s ease; text-decoration:none; 
	outline:0;}
article, aside, dialog, footer, header, section, nav, figure, menu, 
audio, canvas, progress, video{ display:block;}
::-moz-selection {color:#fff; background:#0193d4; }
::selection {color:#fff; background:#0193d4; }
@-ms-viewport { width:device-width;}

/* base */
.fix { *zoom:1; *clear:both;}
.fix:before, .fix:after {display:table; clear:both; content:'';}
.oh { overflow:hidden; *zoom:1;}
.l { float:left;}.r { float:right;}
.dib { display:inline-block; *display:inline; *zoom:1;}
.pr { position:relative;}.pa { position:absolute;}
.tc { text-align:center;}.tr { text-align:right;}
.el {overflow:hidden;white-space:nowrap;  text-overflow:ellipsis;}
img[data-src],.opc0 { opacity:0 ; filter:alpha(opacity=0);}
.hide { display:none;}
.hidetext { font:0/0 a; letter-spacing:-9px;}
.arr { display:inline-block; overflow:hidden; width:0; height:0;}
.placeholder { color:#aaa; }
.mt50{ padding-top:120px;}
.mt30{ padding-top:30px;}


/* option */
body{font-size:13px; line-height:1.8; color:#555;background:#fff;}
.wrap { max-width:1180px; margin-right:auto; margin-left:auto; *width:1180px;}
a{color:inherit;}
a:hover { color:#0193d4;}

/* style */
a.unable { display:none!important;}
.pageHeader { width:100%; height:auto; position:absolute; left:0; top:0; z-index:9999;}
.pageHeader .wrap { height:auto; background:#efefef; position:relative; z-index:90;}
.logo {float:left; background:#0193d4;}
.nav { margin-left:18%; margin-right:22%; height:62px;}
.nav .m_nav { height:62px; padding-top:0px; width:772px; background:#0066ff}
.nav .m_nav > li { width:auto; height:62px; line-height:62px; float:left; position:relative; text-align:center; margin-right:1px;}
.nav .m_nav > li > a { display:inline-block; white-space:nowrap; width:120px; height:62px; font-size:16px; color:#fff; font-weight:bold;  text-transform:uppercase;} 
.nav .m_nav > li > ul,.nav .m_nav .secNav ul { display:none; min-width:145px; height:auto; background-color:#2d2d2c; position:absolute; left:0; top:61px; text-align:left; padding:10px 0;}
.nav .m_nav > li > ul li { line-height:22px;}
.nav .m_nav > li > ul a { display:block; line-height:18px; padding:5px 10px 5px 20px; color:#fff; position:relative;}
.nav .m_nav > li > ul i { display:none; width:0; height:0; border-color:transparent transparent transparent #facd00; border-style:dashed dashed dashed solid; border-width:4px; overflow:hidden; position:absolute; right:8px; top:10px;}
.nav .m_nav > li > ul a:hover { color:#facd00;}
.nav .m_nav > li > ul a:hover i { display:block;}
.nav .m_nav .cur > a { color:#01a2ea;}
.nav .m_nav .hover > a { background:#333; color:#fff;}

.nav .m_nav .sec_hover > a { color:#facd00; background-color:#414141;} 
.nav .m_nav .sec_hover > a i { display:block;}
.nav .m_nav .secNav { position:relative;}
.nav .m_nav .secNav ul { left:180px; top:0; background-color:#414141;}

.welcome { width:160px; height:100%; background:#e0e1e2; padding:0 18px; position:absolute; right:0; top:0;}
.welcome .text { display:block; color:#333; height:27px; line-height:27px; border-bottom:#ccc 1px dotted; margin-bottom:2px;}
.welcome .text em { font-size:14px; font-weight:400; color:#39F; float:right; -webkit-transform-origin-x:0; -webkit-transform:scale(0.95); display:inline-block;}
.welcome .tools { position:relative; height:20px; padding:4px 35px 5px 0;}

.searchBtn { position:absolute; right:0; top:0; width:30px; height:30px; cursor:pointer;}
.searchBtn .ico { margin:5px; display:block;}

/*top search*/
.topSearch { width:180px; height:auto; position:absolute; right:0; }
.topSearch .input,.topSearch .btn { box-sizing:border-box; height:24px; line-height:24px; vertical-align:top; overflow:hidden; font-family:Arial;}
.topSearch .input { width:72%; padding:5px 10px; border:#ccc 1px solid; background:#f1f1f1; color:#999; float:right;}
.topSearch .btn { float:right; width:25px; padding:0; line-height:normal; border:0; color:#fff; background:url(../images/ico.png) -35px 3px; cursor:pointer; }
/*top search end*/

/*lunbo*/
#full-screen-slider { width:100%; height:670px;position:relative;margin-top:62px;}
#slides02 { display:block; width:100%; height:650px; list-style:none; padding:0; margin:0; position:relative;}
#slides02 li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides02 li a { display:block; width:1366px; margin:0 auto; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:50%; top:600px; z-index:9999;  padding:5px 15px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width:15px;border-radius:180px;  height:15px; float:left; margin-left:15px;  background:#fff }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#0066ff}

.rslides { position: relative;  list-style: none;  overflow: hidden;  width: 100%;  padding: 0;  margin: 0;  }
.rslides li {  -webkit-backface-visibility: hidden;  position: absolute;  display: none;  width: 100%;  left: 0;  top: 0;  }
.rslides li:first-child {  position: relative;  display: block;  float: left;  }
.rslides img {  display: block;  height: auto;  float: left;  width: 100%;  border: 0;  }

/*lunbo end*/

/*channel*/
.pageBody { clear:both; min-height:400px;}
.channelLayout {}
.channel_banner { height:180px; clear:both; background-position:center top; background-repeat:no-repeat;}
.channel_banner a { color:#fff;}
.channel_banner {clear:both; background-position:center top; background-repeat:no-repeat;}
.channel_banner a { color:#fff;}
.channel_name { width:auto; height:auto; float:left; margin-top:120px; font-size:35px; color:#fff; font-weight:bold; text-shadow:#333 2px 2px 2px; padding:0 15px 0 30px; color:#fff; font-family:"Impact"; text-transform:uppercase;}
.breadcrumbs { width:auto; height:26px; line-height:26px; white-space:nowrap; margin-top:144px; color:#f2f2f2;}
.breadcrumbs em { font-style:normal; margin:0 8px;}
.breadcrumbs a { color:#f2f2f2;}
.breadcrumbs a:hover { color:#fff;}
.breadcrumbs a.home { color:#ffd800;}

.channel_menu { height:40px; border-bottom:#747474 1px solid; position:relative; margin-top:30px;}
.channel_menu li { float:left; margin:0 1%;}
.channel_menu a { display:inline-block; width:auto; height:40px; line-height:24px; padding:0 11px; font-size:14px; font-weight:bold; position:relative; color:#333; white-space:nowrap;}
.channel_menu i { display:none; width:0; height:0; overflow:hidden; border-color:transparent transparent #03a5e3; border-style:dashed dashed solid; border-width:5px; position:absolute; left:50%; margin-left:-5px; bottom:0px;}
.channel_menu a:hover { color:#03a5e3;}
.channel_menu .cur a,.channel_menu a:hover { color:#0066ff; height:37px; border-bottom:#0066ff 4px solid;}
.channel_menu .cur i,.channel_menu a:hover i { display:block;}
.channel_banner{
	margin-top:62px;
}


/*about*/
.about_hd { clear:both; background:#efefef; overflow:hidden; font-size:15px; margin-bottom:40px;}
.abSlider { width:52%; height:0; padding-bottom:32%; position:relative; overflow:hidden; float:left; margin-top:20px;}
.abSlider img { display:block; height:auto;}
.abSlider .arrs { width:52px; height:104px; line-height:104px; background:url(../images/black.6.png); color:#fff; text-align:center; position:absolute; top:50%; margin-top:-52px;}
.abSlider .arrs:hover { color:#03a5e3;}
.abSlider .arrs [class^="ico-"] { margin:0; font-size:40px; width:52px; height:104px;}
.abSlider .arr_prev { left:0;}
.abSlider .arr_next { right:0;}
.abSlider .slide_nav { width:100%; height:auto; position:absolute; left:0; bottom:0; background:url(../images/black.6.png); text-align:center; padding:13px 0; font:0/0 a;}
.abSlider .slide_nav a { display:inline-block; width:16px; height:16px; background:#fff; font:0/0 a; letter-spacing:-9px; border-radius:50%; overflow:hidden; margin:0 3px;}
.abSlider .slide_nav a.on { background:#0193d4;}
.about_t h2{ text-align:center; font-weight: normal; height:120px; line-height:150px;}
.about_t .m { font-size:40px; font-weight: bold; color:#000; position:relative; margin-bottom:10px;}
.about_t .m:before { content:""; display:block; width:20%; height:0px; border-bottom:#d4d4d4 1px solid; overflow:hidden; position:absolute; left:40%; bottom:0;}
.about_t .m:after { content:""; display:block; width:6%; height:0px; border-bottom:#0066ff 1px solid; overflow:hidden; position:absolute; left:47%; bottom:0;}

.ab_intro { margin-left:52%; padding:20px;}
.about_bd { font-size:15px;}

.aboutBanner { height:470px;}
.bannerBox { background:url(../images/black.6.png); width:470px; padding:20px 15px; margin-top:170px; overflow:hidden;}
.bannerBox .channel_name,.bannerBox .breadcrumbs { margin-top:0; float:none; padding-left:0;}
.bannerBox .channel_name { line-height:1.2; text-transform:uppercase;}
.bannerBox .text { font-size:16px; color:#aaa; line-height:1.2;}

.aboutBanner_b { height:200px;}
.bannerBox_b {padding:20px 15px; margin-top:80px; overflow:hidden;}
.bannerBox_b .channel_name,.bannerBox_b .breadcrumbs { margin-top:0; float:none; padding-left:0; height:50px;}
.bannerBox_b .text { font-size:16px; color:#aaa; line-height:1.2;}

.ab_intro h2{ font-size:20px; font-weight:bold}
.text_left{ float:left; width:550px; height:400px}
.text_left h2{ font-size:20px; font-weight:bold}
.img_rgith{ float:right; height:400px}

.text_right{ float:right; width:550px;}
.text_left h2{ font-size:20px; font-weight:bold}
.img_left{ float:left;}

.ahonor{ overflow:hidden; *zoom:1;width:1180px; margin:0 auto; margin-top:50px; background:url(../images/hobg.jpg) center bottom no-repeat}
.ahonor h2{ font-size:32px; height:50px; font-weight:bold; text-align:center}
.ahonor h3{font-size:18px; font-weight:bold; text-align:center; margin-bottom:70px;}
.ahonor ul{ margin-left:100px;}
.ahonor ul li{ float:left; width:300px; height:450px; margin-right:40px; display:inline; color:#fff;}
.ahonor ul li h4{ font-size:15px; text-align:center; line-height:30px;text-transform:none;}

/*video*/
.map_bg,.no_bg{ background:url(../images/global_bg.jpg) #d8e1e6 no-repeat; width:1366px; margin:0 auto; padding-bottom:30px;}
.map_bg h3,.map_bg h3{ margin-top:20px; font-size:18px; border-bottom:1px dashed #ccc; color:#0066ff}
.map_bg p,.map_bg p{ padding:10px 0}
.no_bg{ background: none}


/*honor*/
#honor_tabs{ width:920px; margin:0 auto; margin-top:30px;}
#honor_tabs .honor_t ul li{ float:left; width:200px; margin-right:30px; height:45px; text-align:center; line-height:45px; color:#333; font-size:22px; cursor:pointer; background:#fff;border-radius:10px;box-shadow: 2px 2px 2px #bbb;}
#honor_tabs .honor_t ul li.current{ color:#fff; height:45px; background:#0066ff;border-radius:10px}
#honor_tabs .honor_t{ float:left; width:100%;height:45px;}

.honor_p p{ clear:both; height:28px; line-height:28px; padding:0; color:#888; font-size:15px; text-align:center}
.honor_p ul li{ width:360px; margin-left:50px; float:left; background:#fff; padding:10px; margin-top:30px;box-shadow: 2px 2px 2px #bbb; text-align:center}
.honor_p ul li p{ font-size:18px; height:50px; line-height:60px;}

/*contact*/
.team { width:1200px; margin:0 auto; margin-left:20px;}
.team li { width: 600px; height: 300px; float: left; padding: 10px 0; margin-top:50px; }
.teaml { width: 228px; height: 228px; padding-right: 10px; float: left; }
.teaml img {background: #fff none repeat scroll 0 0;border: 2px solid #ccc;border-radius: 50%;height: 228px;padding: 1px;width: 228px;}
.teamr { float: left; width:300px; height: 90px; padding-top:70px; padding-left:10px; }
.teamname { font-size:26px; color: #222; font-weight: bold; line-height: 22px; margin-bottom:10px;}
.teamlx { height:52px; float: left; }
.teamemail { background: url(../images/email.png) no-repeat center left; height: 26px; margin-left: 10px;padding-left: 20px;line-height: 24x; float: left; }
.teamTelephone { background: url(../images/contactbg1.png) no-repeat center left; width: 120px; height: 26px; padding-left: 20px; line-height: 26px; float: left; }
.teammobile { background: url(../images/contactbg2.png) no-repeat center left; width: 110px; height: 26px; padding-left: 20px; line-height: 26px; float: left; }
.chuanzhen { background: url(../images/chuanzhen.png) no-repeat center left; width: 110px; height: 26px; padding-left: 20px; line-height: 26px; float: left; }
.wangw{ background: url(../images/wangwang.png) no-repeat center left; width: 120px; height: 26px; padding-left: 20px; line-height: 26px; float: left; }
.skype,.qq{ background: url(../images/skype.png) no-repeat center left; width: 120px; height: 26px; padding-left: 20px; line-height: 26px; float: left; }
.qq{ background: url(../images/qq.png) no-repeat center left;}
.msn { background: url(../images/contactbg5.png) no-repeat center left; width: 110px; height: 26px; padding-left: 20px; line-height: 26px; float: left; }

.contact_img { width:1200px; margin:0 auto; margin-top:30px;}
.contact_img span{ float:left; padding-right:20px;}
.contact_img p{ line-height:30px; font-size:14px;}

.pdmessagel { width: 500px;  position:absolute; }
.messagel { width: 1100px; float: left; margin:0 auto; margin-left:20px;}
.contact-form{ border:0}
.contact-form legend { font-size: 27px; font-weight: bold; color: #333; line-height: 36px; border-bottom: solid 4px #45b4df; margin-bottom: 20px; }
.contact-form abbr { color: #C3512F; }
.contact-form label { display: block; font-size: 14px; color: #222; margin-bottom: 8px; }
.form-half { width: 49%; float: left; margin-right: 1%; }
.form-com { width: 80%; float: left; margin-right: 1%; }
.form-com img{margin-top:5px;}
.form-half-input { background-color: #FCFCFC; border-color: #ccc; color: #919191; border-radius: 2px 2px 2px 2px; display: inline; margin-bottom: 0; min-width: 100px; padding: 10px; width: 90%; border: 1px solid #ccc; border-radius: 0 0 0 0; color: #777777; display: block; font: 14px "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0 0 20px; max-width: 90%; outline: medium none; }
.form-sub-input { background-color: #FCFCFC; border-color: #ccc; color: #919191; border-radius: 2px 2px 2px 2px; display: inline; margin-bottom: 0; min-width: 100px; padding: 13px; width: 94%; border: 1px solid #ccc; border-radius: 0 0 0 0; color: #777777; display: block; font: 14px "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0 0 20px; max-width: 94%; outline: medium none; }

.form-sub-code { background-color: #FCFCFC; border-color: #ccc; color: #919191; border-radius: 2px 2px 2px 2px; display: inline; margin-bottom: 0; min-width: 100px; padding:10px; width:30%; border: 1px solid #ccc; border-radius: 0 0 0 0; color: #333; display: block; font: 14px "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0 0 20px; max-width: 94%; outline: medium none; float:left; margin-right:15px;font-weight:bold}

.form-button { background-color: #45b4df; border-color: #349bbe; color: #FFFFFF; border-radius: 2px 2px 2px 2px; margin: 0; padding: 16px 50px; cursor: pointer; }
.messagebtn { width: 240px; float: right;}


/*service*/
.serviceList li { clear:both; overflow:hidden; margin-bottom:60px; line-height:1.7;}
.serviceList .img { float:right; max-width:40%; margin-left:2%; margin-top:60px;}
.serviceList .text01 { font-size:32px; color:#333;}
.serviceList .text02 { font-size:16px; color:#afafaf; line-height:1.5; margin-bottom:10px;}
.serviceList .text03 { font-size:14px;}
.serviceList strong.b { font-size:16px; color:#0066ff;}
.serviceList li.odd .img { float:left; margin-left:0; margin-right:2%; margin-top:0;}
.serviceList li.last { margin-bottom:0;}
.serviceList li p{ padding:0}

/*news*/
.flex-control-nav { bottom: 10px; position: absolute;text-align: center;width: 10px;left:630px;	top:120px}
.flex-control-nav li {display: inline-block;margin: 0 5px;} 
.flex-control-paging li a {	border-radius:50%; height:16px;  text-indent: -9999em; width: 16px;	display:block;	cursor:pointer;	border:1px solid #fff;}
.flex-control-paging li a.flex-active {border:1px solid #fff;background:#fff}

/*news list*/
.news_list { margin-top:50px;}
.news_list li { background:#fff; margin-bottom:30px; clear:both; padding:25px; overflow:hidden; font-size:14px; height:235px;}
.news_list .time { display:block; font-size:14px; line-height:1.5;}
.news_list .time b { font-size:30px; font-weight:normal; color:#0066ff;}
.news_list .img { width:25%; height:0; padding-bottom:22%; float:left; margin-right:20px; overflow:hidden;}
.news_list .img img { display:block; width:100%; height:auto;}
.news_list .intro .n { font-size:24px; line-height:1.2; margin-bottom:10px; color:#5a5a5a;}
.news_list .intro .text { color:#999; line-height:1.5;}
.news_list .intro .more { display:inline-block; width:auto; height:38px; line-height:38px; padding:0 12px; background:#0066ff; color:#fff; font-size:14px; margin-top:10px;}
.news_list a:hover .intro .n { color:#0066ff;}

/*
.page { clear:both; text-align:center; line-height:16px; margin-top:0px; padding-bottom:20px; padding-top:20px;}
.page span, .page a { display:inline-block; border:1px solid #ededed; padding:5px 10px; vertical-align:middle; margin:0 0 10px -1px; background-color:#fff; overflow:hidden; height:16px; line-height:16px;}
.page .goprev,.page .gofirst { margin-right:10px; }
.page .gonext,.page .golast, .page .count { margin-left:10px; }
.page span, .page a:hover { background:#0066ff; color:#ffffff; }
.page span.goprev,.page span.gonext,.page span.gofirst,.page span.golast { color:#cccccc; background:#fff; }
.page span.count { border:0; background:0; color:#333333; }
.page a.current {background:#0066ff; color:#ffffff;}
*/

.page { clear:both;padding-top:20px; text-align:center;margin: 0 auto; c}
.page a { text-decoration:none;}
.AspNetPager{height:30px;line-height:30px;font-size:16px; font-weight:bold;margin:0 auto;display:inline-block;*display:inline;overflow:hidden; *zoom:1;}
.firstlastpage{width:55px;height:30px;display:inline-block;float:left;}
.PrevNextpage{width:53px;height:30px;display:inline-block;float:left;}
.pageindex{width:30px;height:30px;display:inline-block;float:left;background:url(/images/pageindex.png) no-repeat;text-align:center;}
.Currentpage{width:30px;height:30px;display:inline-block;float:left;background:#0193d4 ; color:#fff; text-align:center;}


/*news_detail*/
.newsDetail_hd,.newsDetail_bd { clear:both; margin:0 4%; margin-top:30px;}
.newsDetail_hd { position:relative; padding-right:40%; margin-bottom:20px;}
.newsDetail_hd .btns { width:auto; height:auto; position:absolute; right:0; top:0;}
.newsDetail_hd .n { font-size:28px; line-height:1.2; width:900px}
.newsDetail_hd .btns { font-size:0;}
.newsDetail_hd .btns a { display:inline-block; width:44px; height:44px; background:#0066ff; color:#fff; text-align:center; margin:0 2px;}
.newsDetail_hd .btns a:hover { background:#acacac;}
.newsDetail_hd .btns a [class^="ico-"] { font-size:32px; line-height:44px; margin:0;}
.newsDetail_hd .mt6{ margin-top:6px;} 
.newsDetail_hd .tools { padding:5px 0; line-height:20px; overflow:hidden; clear:both; padding-top:10px; float:left; width:1000px;}
.newsDetail_hd .tools time { width:auto; float:left; margin-right:10px; color:#999}
.newsDetail_hd .tools span{ color:#999; float:left; margin-left:5px;}
.newsDetail_hd .tools #switcher { display:inline-block; white-space:nowrap; vertical-align:middle;}
.newsDetail_hd .tools #switcher { font-size:16px; margin-left:10px;}
.text_content p{ font-size:14px;margin:0 4%; padding-bottom:30px;}

.newsDetail_hd .tools .share{ float:left;}


/*product detail*/
.product_hd { padding:60px 0 10px;}
.pdimg { width:55%; height:450px; line-height:450px; text-align:center; float:left; position:relative; overflow:hidden; background:#fff;}
.pdimg img { width:auto; height:auto; width:600px; height:400px; display:inline-block; vertical-align:middle; margin-top:25px;}
.pdimg .zoom { display:block; width:80px; height:80px; background:url(../images/zoom.png) no-repeat; position:absolute; right:0; bottom:0;}
.pdintro { width:42%; float:right; background-color:#ffffff; height:450px;}
.pdintro .des,.pdintro .cateby,.pdintro .btn,.pdintro .tel,.pdintro .links { padding:10px 80px 10px 100px;}
.pdintro .des,.pdintro .cateby { border-bottom:#efefef 0px solid; line-height:1.2;}
.pdintro .des { font-size:14px; height:90px; line-height:22px; font-weight:normal;  padding-top:5px;padding-left: 20px; padding-right:20px; color:#C0C0C0; padding-bottom:0; overflow:hidden}
.pdintro .cateby { font-size:32px; color:#000; padding-top:40px; padding-bottom:5px; padding-left:20px;padding-right:20px; }
.pdintro .cateby .cate { font-size:20px; color:#333; margin-right:5px;}
.pdintro .btn { display:inline-block; margin:0; display:none;}
.pdintro .btn a { display:block; height:40px; line-height:40px; background-color:#01a2ea; color:#fff; padding:9px 85px; text-align:center; font-size:22px; font-weight:bold;}
.pdintro .btn .cart { display:inline-block; width:40px; height:40px; background:url(../images/cart.png) no-repeat; overflow:hidden; vertical-align:middle; margin-right:15px;}
.pdintro .tel { font-size:20px; padding-left:20px;}
.pdintro .tel b { font-size:40px;color:#0066ff; padding-left:75px}
.pdintro .links { overflow:hidden; padding:20px 0 0; margin:0 65px;}
.pdintro .links ul { width:105%;}
.pdintro .links li { width:25.333%; padding:0 4%; height:72px; line-height:18px; float:left; border-right:#c7c7c7 1px solid; margin-right:-1px; text-align:center; font-size:14px; padding-bottom:8px;}
.pdintro .links i { display:block; width:40px; height:40px; background:url(../images/arr.png) no-repeat; overflow:hidden; margin:0 auto;}
.pdintro .links i.pl02 { background-position:-40px 0;}
.pdintro .links i.pl03 { background-position:-80px 0;}

.product_bd { background-color:#fff; padding-top:3px; padding-bottom:30px;}
.pd_tab { height:54px; border-bottom:#e2e2e2 3px solid; background-color:#fff;}
.pd_tab li { width:auto; height:54px; float:left; margin-right:20px;}
.pd_tab a { display:inline-block; width:auto; height:54px; line-height:54px; font-size:16px; font-weight:normal; font-size:16px; white-space:nowrap; padding:0 55px; position:relative;}
.pd_tab .active a { border-bottom:#f2c218 3px solid; background-color:#545454; color:#fff;}
.pd_tab i { display:none; width:0; height:0; overflow:hidden; border-color:#f2c218 transparent transparent; border-style:solid dashed dashed; border-width:10px; position:absolute; left:50%; bottom:-20px; margin-left:-10px;}
.pd_tab .active i { display:block;}
.pd_tab ul { width:auto; float:left;}

.pd_section { padding-bottom:40px; clear:both;}
.pd_intro .n { font-size:44px; color:#000; margin-bottom:10px;}
.pd_intro .text { font-size:14px;}
.pd_intro .text p{ padding:10px 0 10px 0;}

.productRec { padding-top:50px; font-family:"nexa_boldregular";}
.productRec .box .img { display:block; height:0; padding-bottom:63%; overflow:hidden; margin-bottom:2px;}
.productRec .box .img img { display:block; width:225px; height:168px;}
.productRec .box .info { background:#dcdcdc; padding:5px 10px;}
.productRec .box .n { color: #333;font-size:14px;height: 36px;line-height: 18px;overflow: hidden;text-overflow: ellipsis;}
.productRec .box .cate { font-size:14px;} 

.proSide { width:0; height:0; position:fixed; right:0; top:30%; z-index:99;}
.proSide ul { width:170px; height:auto; position:absolute; right:0; top:0;}
.proSide li a { line-height:1.5; font-size:14px; padding:5px 10px; display:block; background:#e3e3e3; border-bottom:#fff 1px solid;}
.proSide li a:hover { background:#0c9de0; color:#fff;}
.proSide .sbtn { width:15px; height:15px; line-height:15px; border:#b7b7b7 1px solid; text-align:center; background:#f8f8f8; color:#b7b7b7; cursor:pointer; overflow:hidden; position:absolute; right:0; top:-18px;}
.proSide .sbtn [class^="ico-"] { margin:0; width:15px; height:15px; line-height:14px;}

.xiangg{float: left;margin-right:10px;transition: width 0.2s ease 0s;width:225px;}
.share{ padding-left:20px; padding-top:30px;}


.pro_h1{    border-bottom: 0 none;    font-size: 36px;    margin-bottom: 0; color:#333; margin-top:30px;}
.pro_filter li { width:auto; height:28px; float:left; white-space:nowrap; margin-right:30px; margin-bottom:15px;}
.pro_filter a { display:inline-block; white-space:nowrap; font-size:16px;}
.pro_filter .checkbox { display:inline-block; width:21px; height:20px; vertical-align:-4px; background:url(../images/checkbox.png) -21px 0 no-repeat; overflow:hidden; margin:0 6px 0 0;}
.pro_filter .selected .checkbox { background-position:0 0;}

#right LI A {background:url(../images/checkbox.png) -21px 3px no-repeat; padding-left:25px;transition: all 0s ease 0s;}
#right LI A:hover{ color:#0066ff}
#right LI A.here {	PADDING-BOTTOM: 8px;  COLOR: #0066ff; TEXT-DECORATION: none;  background: url(../images/check.png) 0px 3px  no-repeat}


#nav {left: 20px;list-style: none;margin: 0;position: fixed;top: 20px;}
#nav a {background: #ededed;color: #666;display: block;	font-size: 14px;padding: 5px 10px;text-decoration: none;text-transform: uppercase;}
#container {margin: 0 auto;	width: 800px;}
.section {border-bottom:3px solid #ccc;padding: 50px 20px;}
.section p:last-child {	margin-bottom: 0;}


.section-wrapper {margin-top: -60px;padding-top:70px;}
.section-wrapper:first-child .section {padding-top:20px;}

#nav {border-bottom:3px solid #ccc;left: 0;list-style: none;overflow: hidden;position: fixed;right: 0;text-align: center;top: 0; width:1180px; margin:0 auto; background:#FFF}
#nav li {display: inline-block;	margin-bottom: 0;float:left; width:260px;}
#nav a {background: #fff;color: #333;display: block;padding: 15px; font-size:16px;}
#nav a:hover {background: none;	color: #dedede;}
#nav .current a {background: #0066ff;color: #fff;}

#container{ width:1180px; margin:0 auto;}

/*Customers*/
.newsPart01 .newsBox {float:left;background:#efefef; overflow:hidden; margin-top:40px; margin-left:2%; width:30%}
.newsPart01 .img { display:block; height:0; padding-bottom:66%; overflow:hidden; text-align:center}
.newsPart01 .img img { width:335px; height:225px; padding-top:8px;}
.newsPart01 .intro { padding:15px;}
.newsPart01 .time { display:block; font-size:14px; line-height:1.5;}
.newsPart01 .time b { font-size:30px; font-weight:normal; color:#0293d5;}
.newsPart01 .n { font-size:18px; color:#333; font-weight:normal; font-family:"nexa_boldregular"; line-height:24px; height:36px; overflow:hidden;}
.newsPart01 a:hover .n { color:#0293d5;}

/*ipSliderBox*/
.ipSliderBox { max-width:930px; height:200px; margin-left:auto; margin-right:auto; position:relative; margin-top:30px;}
.ipSliderBox .ipsb { display:block; width:60px; height:90px; background:url(../images/ipbtn.png) no-repeat; position:absolute; top:50%; margin-top:-45px; z-index:10;}
.ipSliderBox .ipsb_prev { left:-70px;}
.ipSliderBox .ipsb_prev:hover { background-position:0 -90px;}
.ipSliderBox .ipsb_next { right:-70px; background-position:-60px 0;}
.ipSliderBox .ipsb_next:hover { background-position:-60px -90px;}

.ipSlider { width:100%; height:200px; position:relative; overflow:hidden;}
.ipSlider li { width:295px; position:relative;}
.ipSlider ul li img { height:330px}
.ipSlider .img { display:block; width:100%; height:auto; overflow:hidden;}
.ipSlider .img img { width:100%; height:auto;}

.ipSliderBox { max-width:1360px;}
.ipSliderBox .ipsb { display:none;}
.ipSliderBox,.ipSlider { height:auto;}
.ipSlider ul { overflow:hidden; clear:both; width:102%;}
.ipSlider li { float:left; margin-right:15px; width:23%; margin-right:2%;}

.i_service{width:1364px; margin:0 auto; border:1px solid #ddd; }
.i_service h2{color: #000;font-size: 30px;font-weight: normal; margin-top:20px; margin-bottom: 10px; text-align:center}

.i_service .text{color: #83939c;font-size: 12px;font-style: italic; text-align:center; margin-bottom:20px;}

.i_service .m { font-size:30px; font-weight:normal; color:#000; position:relative; margin-bottom:10px;}
.i_service .m:before { content:""; display:block; width:20%; height:0px; border-bottom:#d4d4d4 1px solid; overflow:hidden; position:absolute; left:40%; bottom:0;}
.i_service .m:after { content:""; display:block; width:6%; height:0px; border-bottom:#0066ff 1px solid; overflow:hidden; position:absolute; left:47%; bottom:0;}

.ipSlider ul { overflow:hidden; clear:both; width:102%;}
.ipSlider li { float:left; margin-right:15px; width:23%; margin-right:2%; margin-bottom:50px; overflow:hidden}

.h372{ height:372px;}
.h330{ height:330px;}
.span-4,.full-row .row .span-4{float:left;transition:.2s width ease;margin-right:2%;*margin-right:1.89%;width:20%}



/*news*/
.newswrap{ width:1366px; margin:0 auto; background:url(../images/inewsbg.jpg) top center no-repeat; padding-bottom:30px;}
.scrollbox{width:1366px; position: relative;}
#scrollDiv{width:1366px;height:285px; padding-top:20px; overflow:hidden; display: block;}
#scrollDiv ul{ width: 1366px;}
#scrollDiv li{width:420px;height:80px;padding:10px;margin-left:160px;float:left;}
#scrollDiv li a{ color:#FFF; font-weight:normal}
#scrollDiv li h3{ height:50px; overflow:hidden; line-height:24px;}
#scrollDiv .time { width:54px; height:auto; float:left; font-size:16px; color:#a2e0fd; text-align:center; line-height:1; position:relative; margin-right:20px;}
#scrollDiv .time:after { content:""; width:0; height:40px; overflow:hidden; border-right:#a2e0fd 1px solid; position:absolute; right:0; top:50%; margin-top:-20px;}
#scrollDiv .time b { display:block; font-size:30px; color:#fff; font-weight:normal;}

.scroltit{ position: absolute; left:670px; top:125px;width:18px;}
.scroltit small{float:right; font-size:12px;width:18px;height:18px; line-height:18px; text-align: center;background:#fff;color: #fff;font-family: "宋体"; margin:2px 0; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all;border-radius:50%}
.scroltit small img{margin-top:6px;}
.scroltit small:hover{ background: #ff9a22;}


/*products*/
.pro_list { margin-top:40px;}
.pro_list ul li {float: left;margin-right: 2%;transition: width 0.2s ease 0s;width: 23%; margin-bottom:20px;}
.product_channelPage { background:#efefef;}
.pln { background:#fff; border:#fff 1px solid; clear:both; overflow:hidden; margin-bottom:30px; height:235px;}
.pln .n { max-height:45px;border-bottom: 1px dashed #ddd;color: #000;display: block;font-size: 18px;line-height: 24px;margin: 0 10px;overflow: hidden;padding: 5px 0;}
.pln .n:hover{ color:#0066ff}
.pln .img { display:block; height:0; overflow:hidden; padding-bottom:63%; border:#fff 0px solid; position:relative;}
.pln .img img { display:block; width:225px; height:168px; margin-left:25px; padding-top:5px;}
.pln .cover { display:none;  width:225px; height:168px; position:absolute; left:25px; top:5px; background:url(../images/black.6.png);}
.pln .cover i { display:block; width:53px; height:53px; background:url(../images/fd.png) center center no-repeat; position:absolute; left:50%; top:50%; margin:-26.5px 0 0 -26.5px;}
.pln:hover .cover { display:block;}


/*search*/
.search .Tit2,.search .Tit2 a{height:56px;font:bold 24px/56px 'microsoft yahei';color:#333;}.Tit2 a:hover{color:#333;}
.search .sear{padding:15px;background:#eee;}
.search .sear .t{font-size:15px;font-weight:bold;line-height:2.4;}
.search .serv_select li{float:left;width:36px;border:1px solid #ccc;background:#fff;padding:0 5px;margin-right:5px;cursor:pointer;}
.search .rect{display:inline-block;width:2px;height:3px;overflow:hidden;border-left:2px solid #fff;border-bottom:2px solid #fff;margin-top:9px;}
.search .on .rect{border-color:#e60013;}
.search .sear_f{background-color:#fff;}

.search ul { margin-top:20px;}
.search ul li{ clear:both; height:150px;}
.search ul li b{ font-weight:bold; padding-right:10px; color:#333; font-size:16px}
.search ul li a{ font-size:16px;}
.search ul li a:hover{ color:#0066ff}
.search ul li span{ display:block; float:left; width:120px; height:100px;}
.search ul li span img{ min-width:120px; height:100px;}
.search ul li div { float:left; width:1030px; margin-left:30px;}
.search input{ width:300px; height:30px;border: 1px solid #ccc;}
.search .submit{background-color: #fff;width: 60px;cursor: pointer;border: 1px solid #ccc;height:34px;}

/*right tpye*/
.proSide { width:0; height:0; position:fixed; right:0; top:30%; z-index:99;}
.proSide ul { width:170px; height:auto; position:absolute; right:0; top:0;}
.proSide li a { line-height:1.5; font-size:14px; padding:5px 10px; display:block; background:#e3e3e3; border-bottom:#fff 1px solid;}
.proSide li a:hover { background:#0066ff; color:#fff;}
.proSide .sbtn { width:15px; height:15px; line-height:15px; border:#b7b7b7 1px solid; text-align:center; background:#f8f8f8; color:#b7b7b7; cursor:pointer; overflow:hidden; position:absolute; right:0; top:-18px;}
.proSide .sbtn [class^="ico-"] { margin:0; width:15px; height:15px; line-height:14px;}


/*404*/
.wrap4{width:70%;margin:8% auto 4% auto;}

.logo4{padding: 1em;	text-align: center;	padding: 1% 1% 5% 1%;}
.logo4 h1{display: block;padding: 2em 0em;}
.logo4 span{font-size:3em;	color:#0193d4; line-height:20px;}
.logo4 span img{	width:40px;	height: 40px;vertical-align:bottom;	margin: 0px 10px;}

.buttom{background:url(../images/bg2.png) no-repeat 100% 0%;background-size: 100%;	text-align: center;	vertical-align: middle;	margin: 0 auto;	width: 556px;}
.seach_bar{	padding:2em;}
.seach_bar p{font-size: 1.5em;	color:#0193d4 ;	font-weight: 300;	margin: 2.6em 0em 0.9em 0em; padding-top:30px;}
.seach_bar span a{	font-size: 1em;	color:#fff;	text-decoration:underline;	font-weight: 300;font-family: 'open_sansregular';}

.search_box{background: #F1F3F6;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;padding: 6px 10px;position: relative;cursor: pointer;width: 75%;	margin: 0 auto;	border-radius: 5px;	-webkit-border-radius: 5px;	-moz-border-radius: 5px;-o-border-radius: 5px;box-shadow: inset 0 0 5px rgba(156, 156, 156, 0.75);	-moz-box-shadow: inset 0 0 5px rgba(156, 156, 156, 0.75);-webkit-box-shadow: inset 0px 0px 5px rgba(156, 156, 156, 0.75);}
.search_box img {vertical-align: middle;margin-right: 10px;}
.search_box input[type="text"] {border: none;	outline: none;background: none;	font-size: 1em;	color:#999;	width:90%;	 font-family: 'open_sansregular';	-webkit-apperance: none;}
.search_box input[type="submit"] {	border: none;	cursor: pointer;background: url(../images/search.png) no-repeat 0px 1px;	position: absolute;	right: 0;width: 34px;height: 25px;	outline: none;-webkit-appearance:none;}
.so_bg{background:url(../images/search.png) no-repeat; width:24px; height:24px; border:0;cursor: pointer;}

.copy_right  {color: #777;font-size:1em;line-height: 1.8em;	padding: 5em 0px 0px 0px;font-family: 'open_sansregular';text-align: center;}
.copy_right a { padding-right:10px;	color:#777;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;	-ms-transition: all 0.3s ease-out;	-o-transition: all 0.3s ease-out;	transition: all 0.3s ease-out;}
.copy_right a:hover {color:#0066ff;}

/*foot*/
.footbg{ background-color:#898989; padding:25px 0px 0px 0px; border-top:5px solid #0245a8; margin-top:60px;}
.foot{ width:1200px; margin:0 auto; overflow:hidden;*zoom:1; color:#FFFFFF}
.ftbg{ background-color:#100f0b; padding:5px;}
.ftmain{ width:1200px; margin:0 auto; height:30px; line-height:30px;}
.foot a { color:#e1e1e1}
.foot a:hover { color:#C90}
.ftitle { font-weight:bold;padding-bottom:5px; float:left;  clear:both; font-size:18px}
.ftitle2{ font-weight:bold;padding-bottom:5px; float:left;  clear:both; font-size:18px;border-bottom:1px #999 solid}
.mb20 .ftitle,.mb20 .ftitle2 {  min-width:150px; }
.mb20 { float:left; clear:both; padding-left:0px; margin-bottom:20px;}
.mb20 h3 { font-weight:bold; }
.mb20 ul { list-style-image:url(../images/icontriangle.jpg);  padding-top:5px; float:left; clear:both}
.mb20 li { padding:2px 0px;}
.fpd { float:left; width:480px;}
.fpd .ftitle,.fpd .ftitle2 {  width:100%; }
.fpd h3 { font-weight:bold;}
.fpd ul { display:block; float:left; height:auto; width:auto; list-style-image:url(../images/icontriangle.jpg); padding:10px 0px 0px 30px; }
.fpd ul li { padding:2px 0px;}
.fbox1 { float:left; height:380px; width:180px;}
.fcontact { float:left;  width:300px; padding:0px 10px 0px 40px; }
.fcontact .ftitle {  width:100%; }
.fcontact  p { line-height:20px; }
.ffoot { float:left; background:#dedede; width:100%; height:35px; line-height:35px}
.foottext { margin:0 auto; width:1200px;}



/*选项卡*/
.main .i_pro .cont .news_top{ float:left; width:1366px; margin:0 auto; height:140px;}
.main .i_pro .cont .news_top .news_top_img{ float:left; width:180px; height:140px; overflow:hidden;}
.main .i_pro .cont .news_top .news_top_img img{width:180px; height:140px;}
.main .i_pro .cont .news_top .news_top_txt { float:left; margin-left:10px; width:350px; height:140px;}
.main .i_pro .cont .news_top .news_top_txt h2{ float:left; width:350px; height:30px; font-size:16px;}
.main .i_pro .cont .news_top .news_top_txt p{ float:left; width:350px; height:80px; line-height:24px; color:#333; font-size:12px;}
.main .i_pro .cont .news_top .news_top_txt .attr{ float:left; width:350px;height:24px; line-height:24px;}
.main .i_pro .cont .news_top .news_top_txt .attr span{ float:left; padding-left:25px; width:50px; font-size:12px; color:#333;}
.main .i_pro .cont .news_top .news_top_txt .attr .view{background:url("../images/sprite.png") no-repeat 0 -32px;}
.main .i_pro .cont .news_top .news_top_txt .attr .data{background:url("../images/sprite.png") no-repeat 0 -156px;}
.main .i_pro .cont ul li{ float:left; padding-left:25px; width:510px; height:36px; line-height:36px; border-bottom:1px solid #ddd; background:url("../images/news_list_type.jpg") no-repeat 6px 14px;}
.main .i_pro .cont ul li span{ float:right; margin-right:5px; font-size:12px; color:#333;}

.main .i_pro{  width:1200px; margin: 0 auto;height:680px; border:1px solid #fff;}


.main .title2 ul li{ float:left; width:239px; height:50px; text-align:center; line-height:50px; color:#fff; font-size:18px; cursor:pointer; background:#bfbfbf; border-right:1px solid #ddd}
.main .title2 ul li.current{ color:#fff; height:60px; background: url(../images/reg_bg.jpg) no-repeat #0066ff; border-right:0}
.main .title2{ float:left; width:100%; height:60px;}


.bd{ margin-top:75px;}

.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;}
.hide{display:none;}


.con{height:260px; margin-left:60px;}
.con ul li{width:292px;height:198px;float:left;margin-right:28px;margin-bottom:15px;position:relative;overflow:hidden;cursor:pointer;}
.txt,.ptxt{width:292px;height:72px;background:rgba(0,0,0,0.6);/*透明背景色，不透明其文字内容*/position:absolute;left:0;bottom:0;color:#fff;font-family:"微软雅黑";}
.ptxt{height:52px}
.ptxt{ padding-top:10px;}
.txt h3{font-size:20px; width:292px;height:72px; line-height:72px;text-align:center;font-weight:normal;overflow:hidden;}
.ptxt h3{font-size:15px; width:282px;height:72px;line-height:20px;text-align:center;font-weight:bold;overflow:hidden;}
.txt h3:hover,.ptxt h3:hover{ color:#FC0}
.txt span,.ptxt span{font-size:14px;text-align:center;border:2px solid #fff; width:100px; margin-left:70px; margin-top:10px; height: 40px;line-height: 40px;    padding: 8px 30px;}
.ptxt span{line-height: 10px;}